<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="shortcut icon" href="/static/favicon.ico"/>
	<style type="text/css">
		.gift_bg{
			    width: 100%;
			    height: 100%;
			    background-color: #2B2B2B;
			    filter: alpha(opacity=70);
			    -moz-opacity: 0.7;
			    -khtml-opacity: 0.7;
			    opacity: 0.7;
			    z-index: 998;
			    position: fixed;
			    padding: 0px;
			    margin: 0px;
		}

		.main{
			    background: url(${_front_images}/gift.png);
			    background-size: 680px 400px;
			    background-repeat: no-repeat;
			    height: 100%;
			    width: 40%;
			    position: fixed;
			    z-index: 999;
			    left: 35%;
			    top: 25%;		   	
		}
		
		.gift_closebtn{
			width: 40px;
		    position: absolute;
		    right: 116px;
		    top: 4px;
		    cursor: pointer;			
		}

		.gift_gobtn{
		    width: 116px;
		    position: absolute;
		    right: 255px;
		    top: 234px;
		    cursor: pointer;		
		}		
	</style>
</head>
<body>
	<div class="gift_bg" id="gift_bg">

	</div>

	<div class="main" id="gift_main">
		<div class="gift_main">
			<div class="gift_close">
				<img class="gift_closebtn" src="${_front_images}/gift_close.png">
			</div>
			<div class="gift_go">
				<img class="gift_gobtn" src="${_front_images}/gift_detail.png">
			</div>			
		</div>		
	</div>
	
	<script type="text/javascript" src="${_front_js}/jquery.min.js"></script>
	<script type="text/javascript"> 
		$(".gift_closebtn").click(function(){  
		       document.getElementById("gift_bg").style.display="none";
		       document.getElementById("gift_main").style.display="none" ;  
		}); 

		$(".gift_gobtn").click(function(){  
		       window.location.href="/account/score";
		}); 				
	</script>
</body>
</html>